﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/_LayoutAdmin.cshtml";
}

<head>
    <title>主页</title>
    <link href="~/BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/BootstrapSouce/js/jquery.min.js"></script>
    <script src="~/BootstrapSouce/js/bootstrap.min.js"></script>
    <link href="~/CSS/Admin_Index.css" rel="stylesheet" />
    <script>

        $(document).ready(function () {
            GetArtDetails();    
        })
        //面试经验文章详情显示
        function GetArtDetails()
        {
            //接受页面传值
            var uri = document.documentURI;
            var i = uri.lastIndexOf("?") + 1;
            var eid = uri.substr(i);
            $.ajax({
                url: 'http://localhost:32132/api/Values/GetArtById?id='+ eid,
                type: 'get',
                data: { "id": eid },
                success: function (d) {
                    var p = jQuery.parseJSON(d);
                    $("#home").empty();
                    $(p).each(function (i, obj) {
                        var h1 = "<a  href='/Admin/Index'>返回</a><h2 style='text-align:center'>" + obj.Articlescrap_Title + "</h3><div style='float:right'><span>" + obj.Login_Nickname + "</span></div><div style='float:left'>" + obj.Articlescrap_Content + "</div><div style='float:right'><span>" + obj.Articlescrap_date + "</span></div>";
                        $("#home").append(h1);
                    })
                   
                }
            })

        }
      
    </script>
</head>
<body>
    <div id="left_Menu_ul" style="width: 17%;">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"> <a href="#home" data-toggle="tab">面试经验文章管理</a> </li>
            <li> <a href="#ios" data-toggle="tab">评论信息后台管理</a> </li>
            <li> <a href="#dabai" data-toggle="tab">职位信息后台管理</a> </li>
            <li> <a href="#xbai" data-toggle="tab">面试信息后台管理</a> </li>
            <li> <a href="#user" data-toggle="tab">用户信息后台管理</a> </li>
        </ul>
    </div>
    <div id="right_Div_ul">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
               
            </div>
            <div class="tab-pane fade" id="ios">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <td>评论人</td>
                            <td>评论内容</td>
                            <td>追加内容</td>
                            <td>评论文章</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody id="RatedInfo"></tbody>
                </table>
                <div id="pagenext1" style="text-align:center"></div>
            </div>
            <div class="tab-pane fade" id="dabai">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <td>职位编号</td>
                            <td>职位名称</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody id="PositionInfo"></tbody>
                </table>
                <div id="pagenext2" style="text-align:center"></div>
            </div>
            <div class="tab-pane fade" id="xbai">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <td>面试编号</td>
                            <td>面试职位外键</td>
                            <td>发布日期</td>
                            <td>面试录音</td>
                            <td>试题图片</td>
                            <td>面试附加</td>
                            <td>伪删除</td>
                            <td>面试公司</td>
                            <td>上传人用户</td>
                            <td>消耗积分</td>
                            <td>评价</td>

                        </tr>
                    </thead>
                    <tbody id="PositionInfo"></tbody>
                </table>
                <div id="pagenext3" style="text-align:center"></div>
            </div>
        </div>

    </div>
</body>


